vue

vue版hello world

新建一个hello.html文件，输入以下内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
	<title></title>
	<script src="https://unpkg.com/vue"></script>
</head>
<body>
	<div id="app">
	  {{ message }}
	</div>
	<script type="text/javascript">
		var app = new Vue({
	  	el: '#app',    //这是element
	  	data: {
	  	 	 message: 'Hello Vue!'
	  		}
		})
	</script>
	
</body>
</html>

打开后就是Hello Vue!。
打开控制台，输入app.message = "Hello world!"，那么页面就会动态变化成Hello world!。